<template>
  <div class="ServiceDetails">
    <div :class="this.$route.query.name==71?'chjm_close':''" @click="kzdqfc2">
      <a class="m_details_banner" href="JavaScript:;" v-if="this.$route.params.id == 337">
        <img class="chjm_banner" src="~/assets/img/m_jzgsdljz_banner.png" alt="">
       </a>
       <a class="m_details_banner" href="JavaScript:;" v-else-if="this.$route.params.id == 336">
         <img class="chjm_banner" src="~/assets/img/m_jzgsydjjba_banner.png" alt="">
        </a>
    <a class="m_details_banner" href="JavaScript:;" v-else>
      <img :class="[cbanner.imgSrc?'chjm_banner':'cnone']" :src="'https://exam.zhonghaiqihang.com/'+cbanner.imgSrc">
      <!-- <img src="~/assets/img/msb_banner.png"> -->
     </a>

    <div class="m_details_main">
      <ul class="m_d_item1">
        <li class="li1">
          <div class="l">
            <p>{{title.xqdata.twoServiceRes.servicename}}</p>
            <em>{{title.xqdata.twoServiceRes.remark}}</em>
          </div>
          <div class="r">{{price}}{{price?'':'暂无报价'}}</div>

        </li>
        <li class="li2">
          <span>选择产品：</span>
          <em :class="xl1?'select':''" @click="xl1==0?xl1=1:xl1=0"></em>

        </li>
        <li class="li2">
          <span>地 区：</span>
          <em :class="xl2?'select':''" @click="xl2==0?xl2=1:xl2=0">{{shengname}}{{seleshiname?'-'+seleshiname:''}}<i></i></em>

        </li>
      </ul>

      <ul class="m_d_item1 m_d_item2">
        <li class="li2">
          <span>您的名字：</span>
          <input class="xq_input" type="" name="" id="" v-model="username" />

        </li>
        <li class="li2">
          <span>电 话：</span>
          <input class="xq_input" type="" name="" id="" v-model="telphone" />

        </li>
        <li class="li2">
          <span>详情描述：</span>
          <input class="xq_input" type="" name="" id="" v-model="xiangqingms" />
        </li>
      </ul>
      <a class="m_d_submit" href="JavaScript:;" @click="tjbd()">立即提交</a>
    </div>


    <section class="sy sy8">
      <h3>服务精英推荐</h3>
      <div class="two zb">
        <ul class="ct zb">
          <li v-for="(data,id) in title.gj" :key="id" :class="'li'+id" :style="{background:'url('+'https://exam.zhonghaiqihang.com'+data.avatar+') no-repeat 0rem 0/3.4rem 2.69rem',width:'3.2rem',height:'2.69rem'}"
            >
            <div class="top">
              <h4>{{data.username}}</h4>
              <p class="p2">经营资质顾问</p>
              <p class="p3">{{data.mobile}}</p>
            </div>
            <a @click="chj_gj(data,id)"  href="JavaScript:;">立即咨询</a>
          </li>
        </ul>
      </div>
    </section>

    <div v-if="this.$route.params.id == 337">
      <div style="height: 0.2rem;background: #F2F2F5;"></div>
      <img style="width: 100%;" src="~/assets/img/m_jzgsdljz_fwlc.jpg" alt="">
      <img style="width: 100%;" src="~/assets/img/m_jzgsdljz_fwlx.png" alt="">
    </div>

    <div v-if="this.$route.params.id == 336">
      <!-- 案例展示 -->
        <div style="height: 0.2rem;background: #F2F2F5;"></div>
        <div class="m_alzs">
          <p class="title">案例展示</p>
          <ul class="af">
            <li><img src="~/assets/img/m_alzsimg1.png" alt=""></li>
            <li><img src="~/assets/img/m_alzsimg2.png" alt=""></li>
            <li><img src="~/assets/img/m_alzsimg3.png" alt=""></li>
            <li><img src="~/assets/img/m_alzsimg4.png" alt=""></li>
            <li><img src="~/assets/img/m_alzsimg5.png" alt=""></li>
          </ul>
        </div>
      <!-- 案例展示 -->
      <!-- 小banner -->
        <img style="width:100%;margin-top: 0.2rem;" src="~/assets/img/m_jzgsydjjba_xiaobanner.png" alt="">
      <!-- 小banner -->

    <!-- 办理流程 -->
    <div style="height: 0.2rem;background: #F2F2F5;"></div>
    <div class="m_m_main">
      <div class="xqjz3">
        <h3>办理流程</h3>
        <ul class="af">
          <li class="jzzz_li1 jjba_li"><i></i>
            <p style="font-size:0.2rem;padding:0 0.2rem">01、收集材料</p>
            <p style="font-size: 0.2rem;font-weight: 400; color: #999999;text-align: center;padding-bottom: 0.3rem;">企业邦与您联系，<br>洽谈服务签订协议</p>
          </li>
          <li class="jzzz_li2 jjba_li"><i></i>
            <p style="font-size:0.2rem;padding:0 0.2rem">02、网上登记</p>
            <p style="font-size: 0.2rem;font-weight: 400; color: #999999;text-align: center;padding-bottom: 0.3rem;">根据服务需求推进 <br>执行，跟进进展</p>
          </li>
          <li class="jzzz_li3 jjba_li"><i></i>
            <p style="font-size:0.2rem;padding:0 0.2rem">03、资料提交</p>
            <p style="font-size: 0.2rem;font-weight: 400; color: #999999;text-align: center;padding-bottom: 0.3rem;">对服务进行品质<br>管理，快速完成</p>
          </li>
          <li class="jzzz_li4 jjba_li"><i></i>
            <p style="font-size:0.2rem;padding:0 0.2rem">04、领取执照</p>
            <p style="font-size: 0.2rem;font-weight: 400; color: #999999;text-align: center;padding-bottom: 0.3rem;">服务企业满意， 服务圆满完成</p>
          </li>
          <li class="jzzz_li5 jjba_li"><i></i>
            <p style="font-size:0.2rem;padding:0 0.2rem">05、办理成功</p>
            <p style="font-size: 0.2rem;font-weight: 400; color: #999999;text-align: center;padding-bottom: 0.3rem;">望您对我们的服<br>务，提出宝贵意见</p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 办理流程 -->

    <!-- 转让流程开始 -->
       <div class="m_m_main">
                <div class="m_xqzc" style="display: block;">


                <div class="xqzc2">
                    <h3>办理技巧</h3>
                    <div class="ct af">
                      <div class="left">
                        <img src="~/assets/img/xqzc2bg.png" width="153" height="153">
                      </div>
                      <div class="rt">
                        <ol>
                          <li class="li1">资料不真实、不全面，弄虚作假；</li>
                          <li class="li2">违反建筑市场管理有关规定，未办理进京注册和招投标手续承揽工程施工任务； </li>
                          <li class="li3">违反了社会的治安管理条例，发生重大刑事案</li>
                          <li class="li4">工程质量，安全生产发生重大事故，隐瞒不报，给社会造成一定影响；</li>
                          <li class="li5">出卖、转让注册登记证；有这些行为的企业将会取消进京资格。</li>
                        </ol>
                      </div>
                    </div>
                  </div>
                  </div>
               </div>
    <!-- 转让流程结束 -->



    </div>




    <div class="m_m_main">
      <div class="m_topnav"><a href="#fwjs1" class="select">服务介绍</a><a href="javascript:;" style="display: none">热门问答</a></div>
      <div class="fwjs1">
        <div class="m_xqzc" :class="this.$route.query.name==2||this.$route.params.id==2?'select':''">
          <div id="m_fw1" v-html="xqyfwsj"></div>

        </div>

        <div class="m_xqbg" :class="this.$route.query.name==7||this.$route.params.id==7?'select':''">
          <div class="xqbg1">
            <ul class="fw af">
              <li class="li1" @mouseover="jssz = 0" :class="jssz == 0?'select':''">公司名称变更</li>
              <li class="li2" @mouseover="jssz = 1" :class="jssz == 1?'select':''">法人、高管或注册资本变更</li>
              <li class="li3" @mouseover="jssz = 2" :class="jssz == 2?'select':''">经营范围变更</li>
              <li class="li4" @mouseover="jssz = 3" :class="jssz == 3?'select':''">股权变更</li>
              <li class="li5" @mouseover="jssz = 4" :class="jssz == 4?'select':''">注册地址变更</li>
              <li class="li6" @mouseover="jssz = 5" :class="jssz == 5?'select':''">公司章证遗失补办</li>
            </ul>
            <div class="fwnr">
              <h4>{{fwnr[jssz].h4}}<span>{{fwnr[jssz].h4sp}}</span></h4>
              <ul class="nr">
                <li class="af">
                  <p class="p1">服务内容</p>
                  <p class="p2">{{fwnr[jssz].nr}}</p>
                </li>
                <li class="af">
                  <p class="p1">服务地区</p>
                  <p class="p2">{{fwnr[jssz].dq}}</p>
                </li>
                <li class="af">
                  <p class="p1">服务时间</p>
                  <p class="p2">{{fwnr[jssz].time}}</p>
                </li>
                <li class="af">
                  <p class="p1">费用说明</p>
                  <p class="p2">{{fwnr[jssz].sm}}</p>
                </li>
                <li class="af">
                  <p class="p1">需准备材料</p>
                  <p class="p2">{{fwnr[jssz].zb}}</p>
                </li>
              </ul>
            </div>

          </div>
          <section class="whyqb">
            <h3>为什么选择企业邦</h3>
            <div class="ct af">
              <div class="left">
                <h4>过去（传统代理所)</h4>
                <p>服务费：800元起<br/>时间较长<br/>价格混乱，需要用心甄别<br/>服务态度差，敢怒不敢言<br/>选择单一，最多对比几家</p>
              </div>
              <div class="right">
                <h5>现在（企业邦)</h5>
                <p>服务费：500元起</p>
                <p>时间较短</p>
                <p>明码标价，价格透明</p>
                <p>平台监管，随时处理服务质量问题</p>
                <p>筛选后的多为服务者，可供选择</p>
              </div>
            </div>
            <p class="p1">通过整合线下资源及搭建网上系统，企客网降低了工商注册的成本，与传统代办相比，节省500-1000元。</p>
          </section>
        </div>
            <div class="xqsg" :class="this.$route.query.name==14||this.$route.params.id==14?'select':''">
              <div id="fw3" v-html="xqyfwsj"></div>
            </div>
            <div class="xqzx" :class="this.$route.query.name==39||this.$route.params.id==39?'select':''">
              <div id="fw4" v-html="xqyfwsj"></div>
            </div>
            <div class="xqzr" :class="this.$route.query.name==24||this.$route.params.id==24?'select':''">
              <div id="fw5" v-html="xqyfwsj"></div>
            </div>

            <div class="cwsj1" :class="[this.$route.query.name==56?'select':'',this.$route.query.name==150?'select':'',this.$route.query.name==45?'select':'',this.$route.query.name==149?'select':'',this.$route.query.name==148?'select':'',this.$route.query.name==146?'select':'',this.$route.query.name==147?'select':'',this.$route.query.name==201?'select':'',this.$route.query.name==85?'select':'',this.$route.query.name==150?'select':'',this.$route.query.name==44?'select':'',this.$route.query.name==151?'select':'',this.$route.query.name==71?'select':'',this.$route.query.name==204?'select':'',this.$route.query.name==68?'select':'',this.$route.query.name==113?'select':'',this.$route.query.name==92?'select':'',this.$route.params.id==108?'select':'',this.$route.params.id==114?'select':'',this.$route.params.id==110?'select':'',this.$route.query.name==52?'select':'',this.$route.params.id==104?'select':'',this.$route.params.id==98?'select':'',this.$route.params.id==107?'select':'',this.$route.params.id==103?'select':'',this.$route.params.id==100?'select':'',this.$route.params.id==93?'select':'',this.$route.params.id==96?'select':'',this.$route.params.id==101?'select':'',this.$route.query.name==48?'select':'',this.$route.params.id==128?'select':'',this.$route.query.name==117?'select':'',this.$route.params.id==118?'select':'',this.$route.params.id==126?'select':'',this.$route.params.id==131?'select':'',this.$route.params.id==131?'select':'',this.$route.params.id==130?'select':'',this.$route.query.name==129?'select':'',this.$route.params.id==128?'select':'',this.$route.params.id==123?'select':'',this.$route.query.name==123?'select':'',this.$route.params.id==137?'select':'',this.$route.params.id==136?'select':'',this.$route.params.id==58?'select':'',this.$route.params.id==60?'select':'',this.$route.params.id==61?'select':'',this.$route.params.id==62?'select':'',this.$route.params.id==63?'select':'',this.$route.params.id==81?'select':'',this.$route.params.id==82?'select':'',this.$route.params.id==83?'select':'',this.$route.params.id==84?'select':'',this.$route.params.id==66?'select':'',this.$route.query.name==74?'select':'']">
              <div id="fw8" v-html="xqyfwsj">

              </div>
             </div>

      </div>

    </div>



    <div class="fwbz" id="fwbz1" :class="[this.$route.query.name==146?'select':'',this.$route.query.name==201?'select':'',this.$route.query.name==85?'select':'',this.$route.query.name==150?'select':'',this.$route.query.name==44?'select':'',this.$route.query.name==151?'select':'',this.$route.query.name==71?'select':'',this.$route.query.name==204?'select':'',this.$route.query.name==68?'select':'',this.$route.query.name==113?'select':'',this.$route.params.id==108?'select':'',this.$route.params.id==114?'select':'',this.$route.params.id==114?'select':'',this.$route.params.id==110?'select':'',this.$route.query.name==92?'select':'',this.$route.query.name==52?'select':'',this.$route.params.id==104?'select':'',this.$route.params.id==98?'select':'',this.$route.params.id==107?'select':'',this.$route.params.id==103?'select':'',this.$route.params.id==100?'select':'',this.$route.params.id==93?'select':'',this.$route.params.id==96?'select':'',this.$route.query.name==48?'select':'',this.$route.params.id==101?'select':'',this.$route.params.id==128?'select':'',this.$route.query.name==117?'select':'',this.$route.params.id==118?'select':'',this.$route.params.id==126?'select':'',this.$route.params.id==131?'select':'',this.$route.params.id==130?'select':'',this.$route.query.name==129?'select':'',this.$route.params.id==128?'select':'',this.$route.params.id==123?'select':'',this.$route.query.name==123?'select':'',this.$route.params.id==136?'select':'',this.$route.params.id==137?'select':'',this.$route.params.id==58?'select':'',this.$route.params.id==7||this.$route.query.name==7?'select':'',this.$route.params.id==2||this.$route.query.name==2?'select':'',this.$route.params.id==39||this.$route.query.name==39?'select':'',this.$route.params.id==45||this.$route.query.name==45?'select':'',this.$route.params.id==60?'select':'',this.$route.params.id==61?'select':'',this.$route.params.id==62?'select':'',this.$route.params.id==63?'select':'',this.$route.params.id==56||this.$route.query.name==56?'select':'',this.$route.params.id==81?'select':'',this.$route.params.id==82?'select':'',this.$route.params.id==83?'select':'',this.$route.params.id==84?'select':'',this.$route.query.name==74?'select':'',this.$route.params.id==66?'select':'']">
      <h3>服务保障</h3>
      <ul class="af">
        <li class="li1">
          <h4>我们承诺</h4>
          <p>关于服务质量的反馈，我们会第一时间专人处理。保证及时解决您的问题。 </p>
        </li>
        <li class="li2">
          <h4>投诉渠道  </h4>
          <p>1、拨打400-855-1888，选择投诉；<br>2、在线联系客户投诉，描述详情；<br>通过微博、微信公众号等方式，<br>
            联系我们。 </p>
        </li>
        <li class="li3">
          <h4>处理流程 </h4>
          <p>服务中遇到困难<br/>使用400电话或在线联系企业邦<br/>企业邦立即核实情况并马上处理 </p>
        </li>
      </ul>
    </div>

    <div class="m_item3">
      <h3>热门服务</h3>
        <div class="box">
          <ul>
            <ul class="ul">
            	<li v-for="(data,id) in title.rmfw" :key="id" :class="[(id+1)%2==0?'li2':'li1']" @click="xqymtz(data.id,data.pid)">
                <img :src="'https://exam.zhonghaiqihang.com/'+data.sixiconimg" alt="">
                <h5>{{data.servicename}}</h5>
                <p>{{data.remark}}</p>
              </li>
            </ul>
          </ul>

        </div>
    </div>



    <section class="sy sy9" style="margin-top: .18rem">
      <h3>用心对待<span>一个互联网服务品牌 企业服务智能升级的实践者</span> <em>更多</em></h3>
      <ul>
        <li><img src="~/assets/img/m-sy91.png">
          <p>快速响应</p>
        </li>
        <li><img src="~/assets/img/m-sy92.png">
          <p>信息安全</p>
        </li>
        <li><img src="~/assets/img/m-sy93.png">
          <p>进度掌握</p>
        </li>
        <li><img src="~/assets/img/m-sy94.png">
          <p>专属服务</p>
        </li>
        <li><img src="~/assets/img/m-sy95.png">
          <p>提供售后</p>
        </li>
      </ul>

    </section>




    <div class="mb-dbxtc" :style="xl1==1?'display:block':'display:none'">
      <div class="mc">
      </div>
      <div class="fmc">
        <div class="top">
          <a href="javascript:;" class="fh" @click="ret()">返回</a>
          <a href="javascript:;" class="qd" @click="next()">确定</a>
        </div>
        <div class="ct">
          <ul class="" style="margin-top: .8rem;">
            <li v-for="(data,id) in title.xqdata.threeServiceRes" :key="id" @click='djlx(data.id,id,data)' :class="lxid == id?'select':''">{{data.pid==24?(data.servicename+'转让'):data.servicename}}</li>

          </ul>
        </div>
      </div>
    </div>

    <div class="mb-dbxtc" :style="xl2==1?'display:block':'display:none'">
      <div class="mc">
      </div>
      <div class="fmc">
        <div class="top">
          <a href="javascript:;" class="fh" @click="ret2()">返回</a>
          <a href="javascript:;" class="qd" @click="next2()">确定</a>
        </div>
        <div class="ct">
          <ul class="" style="margin-top: .8rem;">
            <li class="l1 xian" v-for="(dat,id2) in this.xianqu"  :class="'xian'+id2"  @click="djcitys3(dat.city,id2,dat.cityname)">{{dat.cityname}}</li>
          </ul>

        </div>
      </div>
    </div>

    <div class="bdtjtc2" style="background: rgba(0,0,0,.7);color: white;">
      <span style="color: white; font-size: .5rem;margin-top: .2rem;">×</span>
      <em style="display: inline-block;line-height: 2.6rem;">{{tcmsg}}</em>
    </div>

  </div>
  <div class="mfsbcx" :class="this.$route.query.name==71?'select':''">
     <div class="mfsb1">
       <h3>与国家商标局数据库同步，免费查询商标</h3>
       <p class="p1">已有<span>3500+</span>个企业进行商标查询</p>
       <div class="chjm_sbcx_put af" @click="tctcff">
           <p>（请输入商标名称 中午、英文、数字均可，例如：耐克）</p>
           <a href="JavaScript:;">立即咨询</a>
       </div>
     </div>
     <div class="chjm_sbcx_mfsb2">
       这些专业商标顾问已为<span>1000+用户</span>提供<span>商标保护</span>方案
     </div>
     <div class="chjm_sbcx_mfsb3">
        <h5 class="chjm_sbcx_mfsb3_h5">3种注册方式随心选，不花一分冤枉钱</h5>
        <div class="chjm_sbcx_mfsb3_cont">
          <ul class="chjm_sbcx_mfsb3_list">
          	<li class="chjm_sbcx_mfsb3_item1">
              <h4 class="chjm_sbcx_mfsb3_h4">普通商标注册</h4>
              <p class="chjm_sbcx_mfsb3_p1">980元</p>
              <p class="chjm_sbcx_mfsb3_p2">（含300元官费）</p>
              <p class="chjm_sbcx_mfsb3_p3">
                  3个工作日内提交<br>
                  网上申报<br>
                  次日拿到申请号
              </p>
              <a class="chjm_sbcx_mfsb3_btn" href="https://p.qiao.baidu.com/cps/chat?siteId=15064161&userId=20820778&siteToken=37299ff64b30a9395055ac7f7fe1a9ff">立即咨询</a>
            </li>
            <li class="chjm_sbcx_mfsb3_item2">
              <h4 class="chjm_sbcx_mfsb3_h4">担保商标注册</h4>
              <p class="chjm_sbcx_mfsb3_p1">1980元</p>
              <p class="chjm_sbcx_mfsb3_p2">（含300元官费）</p>
              <p class="chjm_sbcx_mfsb3_p3">
                不通过，退全部官费+代理费<br>
                 3重注册风险严格审核<br>
                 工作日5小时内快速提交
              </p>
              <a class="chjm_sbcx_mfsb3_btn" href="https://p.qiao.baidu.com/cps/chat?siteId=15064161&userId=20820778&siteToken=37299ff64b30a9395055ac7f7fe1a9ff">立即咨询</a>

            </li>
            <li class="chjm_sbcx_mfsb3_item3">
              <h4 class="chjm_sbcx_mfsb3_h4">快速商标注册</h4>
              <p class="chjm_sbcx_mfsb3_p1">1180元</p>
              <p class="chjm_sbcx_mfsb3_p2">（含300元官费）</p>
              <p class="chjm_sbcx_mfsb3_p3">
                 工作日5小时内提交<br>
                 网上申报<br>
                 次日拿到申请号
              </p>
              <a class="chjm_sbcx_mfsb3_btn" href="https://p.qiao.baidu.com/cps/chat?siteId=15064161&userId=20820778&siteToken=37299ff64b30a9395055ac7f7fe1a9ff">立即咨询</a>
            </li>
          </ul>
        </div>
     </div>
    <div class="chjm_sbcx_mfsb4">
        <h3 class="mfsb4_h3">在线商标注册平台，全新方式和您一起保护品牌</h3>
        <div class="mfsb4_content af">
          <div class="le"></div>
          <div class="ri">
            <ul>
            	<li>
                <h4 class="h41">服务明码标价</h4>
                <p>服务明码标价，无任何隐形消费</p>
              </li>
              <li>
                <h4 class="h42">商标保护方案</h4>
                <p>综合国家商标局大数据和10年+行业注册经验，个性化定制商标保护方案 </p>
              </li>
              <li>
               <h4 class="h43">申请当天提交</h4>
               <p>快速申报，最快当天提交至商标局，次日拿到申请号和电子回执 </p>
              </li>
              <li>
               <h4 class="h44">进度实时通知  </h4>
               <p>办理进度实时通知，商标注册进度一手掌握</p>
              </li>
              <li>
               <h4 class="h45">合同发票 </h4>
               <p>所有商标注册均签合同、开发票重要证件顺丰包邮，快捷安全 </p>
              </li>
              <li>
               <h4 class="h46">平台保障 </h4>
               <p>平台专业，服务不满意，无忧退款 </p>
              </li>
            </ul>
          </div>
        </div>
     </div>
     <div class="sbtc">
       <div class="tcct">
         <h4>查询商标能否注册</h4>
         <span class="close" @click="tcclose()"></span>
         <p class="p1"><input type="text" placeholder="请输入商标名称" id="content2" v-model="content2"></p>
         <p class="p2"><input type="text" placeholder='你的姓名' id="name2" v-model="username2"></p>
         <p class="p3"><input type="text" placeholder='你的电话' id="telphone2" v-model="telphone2"></p>
         <a href="javascript:;" class="ckjg" @click="tjbd2()">查看结果</a>
         <p class="p4"></p>
       </div>
     </div>
  </div>
</div>



  </div>




</template>

<script>
  import axios from 'axios';
  import $ from 'jquery';

  export default {
    data() {
      return {
        content2:'',
        username2:'',

        telphone2:'',
        price: '',
        lxid: 0,
        lxid2: 0,
        xl1: 0,
        xl2: 0,
        mproduct: '',
        username: '',
        telphone: '',
        xiangqingms: '',
        tcmsg: '',
        xqyfwsj: '',
        rmfw:null,
        jssz:0,
        fwnr:[{
          h4:'公司名称变更',
          h4sp:'变更公司名称，并重新刻制一套印章',
          nr:'1、完成公司名称变更；2、重新刻制公章、财务章、合同章、发票章；3、免费更换新版营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：988元',
          zb:'1、企业公章、执照等基础材料；2、 3-5个公司新名称；'
        },{
          h4:'法人、高管或注册资本变更',
          h4sp:'最基础的工商变更，一次可变更多项',
          nr:'1、完成工商部门变更；2、重领取新营业执照；3、免费更换新版营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：788元',
          zb:'1、法人、高管身份信息；2、注册资本变更情况；3、企业证章等基础材料；'
        },{
          h4:'公司经营范围变更',
          h4sp:'不涉及审批的公司经营范围变更，可以一次进行多项调整',
          nr:'1、完成工商登记的经营范围变更；2、重领取新营业执照；3、免费更换新版营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：788元',
          zb:'1、拟定的经营范围；2、企业的基础材料；'
        },{
          h4:'公司注册地址变更',
          h4sp:'不包括跨区的地址变更，仅限于同区内迁移',
          nr:'1、完成工商登记的地址变更及税务部门的备案（不含税务迁出、变更）；2、更换新营业执照；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'15-20个工作日',
          sm:'北京：788元',
          zb:'1、新地址房产信息复印件材料；2、企业章证的基础材料；'
        },{
          h4:'公司股权变更',
          h4sp:'与普通变更相比，股权变更涉及工商和税务部门的多次变更，更加复杂。企业邦会为您一次性完成全部变更，您只需按要 求提供资料即可。',
          nr:'1、完成税务机关的股权变更',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'30个工作日',
          sm:'北京：3000元',
          zb:'1、股权转让协议；2、企业基础材料；3、股东身份证明材料；'
        },{
          h4:'公司章证遗失补办',
          h4sp:'为客户完成公司印章、证件遗失补办。',
          nr:'1、登报，挂失等报备流程；2、工商代办新印章、证件；',
          dq:'北京、上海、广州、深圳、南京、杭州、苏州、宁波、成都、厦门',
          time:'30个工作日',
          sm:'北京：3000元',
          zb:'1、股权转让协议；2、企业基础材料；3、股东身份证明材料；'
        }],
        cbanner:'',
        c_cpname:'',
        seleshiname:'',
        shengname:'请选择城市',
        xianqu:[],
        swiperOption: {
          loop: true,
          slidesPerView: 'auto',
          centeredSlides: true,
          autoplay:{
            delay:5000,
            disableOnInteraction:false,
            spaceBetween:5000,
          },
          spaceBetween: 30,
          pagination: {
            el: '.swiper-pagination',
            dynamicBullets: true
          },
          on: {
            slideChange() {
            },
            tap() {
            }
          }
        }
      }

    },

    async asyncData({
      params
    }) {
      let nh = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Header/headerData`);
      let nh2 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Special/specialData`, {
        params: {
          serviceid: '1'
        }
      });
      let nh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Receptionist/receptionistData`);
      let chjnh3 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/serviceDetailsData`, {
        params: {
          serviceid: params.id
        }
      });
      let nh5 = await axios.get(`https://exam.zhonghaiqihang.com/PInterface/Service/popularData`);
      let data = {
        nav: nh.data,
        zym: nh2.data,
        gj: nh3.data,
        xqdata: chjnh3.data,
        rmfw:nh5.data
      };
      return {
        title: data
      }
    },

head () {
      let hdu = null;
      if(this.$route.params.id == this.title.xqdata.twoServiceRes.id){
        hdu =this.title.xqdata.twoServiceRes;
      }else{
        for (let i = 0;i<this.title.xqdata.threeServiceRes.length;i++){
          if(this.title.xqdata.threeServiceRes[i].id ==  this.$route.params.id){
            hdu = this.title.xqdata.threeServiceRes[i];
            this.lxid = i;
          }
        }
      }
    return {
      title: hdu.title+'-企业邦',
      meta: [
        { hid: 'description', name: 'description', content: hdu.descript },
        { hid: 'keywords', name: 'keywords', content:hdu.keyword}
      ]
    }
  },



    mounted: function() {
    var _this = this;

      _this.$axios.get('api/PInterface/QybDetailImg/getQybDetailImg',{
        params:{
          threeid:_this.$route.params.id,
          twoid:_this.$route.query.name,
          type:2,
        }
      })
        .then(function(response){
        	_this.cbanner = response.data
        });

        this.shengname = this.title.xqdata.defaultRes.provincename;
       this.xianqu = this.title.xqdata.cityRes;
      this.seleshiname = this.title.xqdata.defaultRes.cityname;
      this.price = this.title.xqdata.defaultRes.price;
      var nh = this.title.xqdata.twoServiceRes.infocode;
      for (let i = 0; i < this.title.xqdata.threeServiceRes.length; i++) {
        if (this.title.xqdata.threeServiceRes[i].id == this.$route.params.id) {
          this.lxid = i;
          nh = this.title.xqdata.threeServiceRes[i].infocode
        }
        // nh = this.title.xqdata.threeServiceRes[lxid].infocode;
      }
      if (nh == null) {
        var nh = this.title.xqdata.twoServiceRes.infocode;
        if (nh == null) {
          nh = this.title.xqdata.threeServiceRes[0].infocode;
        }
      }
      var nh1 = '' + nh;
      var nh2 = this.unescape(nh1);
      this.xqyfwsj = nh2;


      if (this.title.xqdata.fourServiceRes) {
        _this.$axios.get('api/PInterface/Service/serviceDetailsData', {
            params: {
              serviceid: _this.title.xqdata.fourServiceRes[0].id
            }
          })
          .then(function(response) {
            _this.price = response.data.defaultRes.price;
          });
      }
      var nh = this.title.xqdata.twoServiceRes.infocode;
      for (let i = 0; i < this.title.xqdata.threeServiceRes.length; i++) {
        if (this.title.xqdata.threeServiceRes[i].id == this.$route.params.id) {
          this.lxid = i;
          nh = this.title.xqdata.threeServiceRes[i].infocode
        }
        // nh = this.title.xqdata.threeServiceRes[lxid].infocode;
      }

      if(nh == null){
        var nh = this.title.xqdata.twoServiceRes.infocode;
        if(nh == null){
          nh = this.title.xqdata.threeServiceRes[0].infocode;
        }
      }


      // console.log(this.title)
      // console.log(this.xqyfwsj)
       // console.log(_this.$route.params.id)
      $(document).ready(function(){

        $('#head').show()
        $('.dbct').show()
        $('footer').show()

        $('.m_details_main .m_d_item1 .li2').eq(0).children('em').html($('.mb-dbxtc .fmc .ct li.select').text()+'<i></i>')
        $('.zxct1 ul li p br').remove()
        $(".gnsbzc1").after("<div class='chjgnsbzc2'></div>");
// 建筑资质

        $(".m_m_main .jzzz").append(`
        <div class='chjm_jjzz_it1'></div>

        <div class="xqjz3">
          <h3>建筑工程总承包资质办理流程</h3>
          <ul class="af">
            <li class="jzzz_li1"><i></i>
              <p style="font-size:0.2rem;padding:0 0.2rem">沟通洽谈，了解 企业情况</p>
            </li>
            <li class="jzzz_li2"><i></i>
              <p style="font-size:0.2rem;padding:0 0.2rem">签订合同，定制专业方案</p>
            </li>
            <li class="jzzz_li3"><i></i>
              <p style="font-size:0.2rem;padding:0 0.2rem">组卷申报，一对一 沟通跟进</p>
            </li>
            <li class="jzzz_li4"><i></i>
              <p style="font-size:0.2rem;padding:0 0.2rem">上报审批，专业 审核人员</p>
            </li>
            <li class="jzzz_li5"><i></i>
              <p style="font-size:0.2rem;padding:0 0.2rem">公示取证，快速办下证书</p>
            </li>
          </ul>
        </div>

        <div class='chjm_jjzz_it2'></div>
        `);

// 建筑资质
        $(".m_m_main .cbjjm").append("<div class='chjm_cbjjm_it1'></div><div class='chjm_cbjjm_it2'></div><div class='chjm_cbjjm_it3'></div>");

        $('.m_m_main .cwsj1 .pml').append("<div class='chjm_pml_it1'></div><div class='chjm_pml_it2'></div>");

        $('.m_m_main .cwsj1 .zlfw').append("<div class='chjm_zlfw_it1'></div><div class='chjm_zlfw_it2'></div>");
// 软件著作权
        $('.m_m_main .rjzzq').append(`
        <div class='chjm_rjzzq_it1'></div>
           <div class="chjm_rjzzq_it22">
             <h5>软件著作权登记流程</h5>
             <ul class="af">
               <li>
                  <i>01</i>
                  <h6>免费咨询</h6>
                  <p>知识产权顾问<br>判断作品是否<br>具备软著登记条件</p>
               </li>
               <li>
                  <i>02</i>
                  <h6>网上注册</h6>
                  <p>1-3个工作日</p>
               </li>
               <li>
                  <i>03</i>
                  <h6>提交申请</h6>
                  <p>2-5个工作日</p>
               </li>
               <li>
                  <i>04</i>
                  <h6>受理通知书</h6>
                  <p>当天</p>
               </li>
               <li>
                   <i>05</i>
                  <h6>著作权登记证</h6>
                  <p>30个工作日左右</p>
               </li>
             </ul>
           </div>

        <div class='chjm_rjzzq_it2'></div>
       `);
//软件著作权

// 医疗器械
        $('.m_m_main .ylqxl').append(`
        <div class='chjm_ylqxl_it1'></div>

         <div class="xqjz3">
           <h3>只需五步 轻松合作</h3>
           <ul class="af">
             <li class='ylqx_li1'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">在线咨询沟通或<br>电话沟通<br>400-855-1888</p>
             </li>
             <li class='ylqx_li2'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">当面洽谈<br>了解企业基本 情况</p>
             </li>
             <li class='ylqx_li3'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">材料申报<br>根据实际情况 准备相关材料</p>
             </li>
             <li class='ylqx_li4'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">提交办理<br>签订标准合同， 保护双方权益</p>
             </li>
             <li class='ylqx_li5'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">成功拿证<br>遵照合约，获取证书</p>
             </li>
           </ul>
         </div>



        <div class='chjm_ylqxl_it2'></div>
        `);

// 医疗器械


// 道路运输类

        $('.m_m_main .dlysl').append(`
        <div class='chjm_dlys_it1'></div>

         <div class="xqjz3">
           <h3>道路运输经营许可证办理流程</h3>
           <ul class="af">
             <li class='dlys_li1'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">与用户沟通所需 材料</p>
             </li>
             <li class='dlys_li2'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">整理材料准备 提交</p>
             </li>
             <li class='dlys_li3'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">提交至主管部门 审核</p>
             </li>
             <li class='dlys_li4'><i></i>
               <p style="font-size:0.2rem;padding:0 0.2rem">审核通过取得 许可证书</p>
             </li>

           </ul>
         </div>



        <div class='chjm_dlys_it2'></div>
        `);


// 道路运输类

// 高新企业认证
        $('.m_m_main .cwsj1 .gxqyrz').append(`
          <div class='chjm_grsby_it1'></div>
          <div class="zxct1 chjm_gxrz">
            <h3 class="chjm_gxrz_h3">高新企业认证后 对企业的实用好处</h3>
            <ul class="af">
              <li class="li1 gxrz_li">
                <h4>降低成本</h4>
                <p>三重税收优惠<br>100万的研发费,可以少交约12万的税收<br>100万的应缴税额,可以少交40万的所得税</p>
              </li>
              <li class="li1 gxrz_li">
                <h4>吸引人才</h4>
                <p>为员工办理工作居住证<br>持有北京市工作居住证，可以满足购房，<br>购车，孩子上学的政策限制</p>
              </li>
              <li class="li1 gxrz_li">
                <h4>政府红利</h4>
                <p>办理信用贷款无须抵押物<br>投资人投资收益免税，吸引投资人<br>政府采购优先权<br>招投标为企业加分</p>
              </li>
            </ul>

          </div>
        `);


// 高新企业认证

// 广播电视经营许可证
        $('.m_m_main .gbdsl').append(`
          <div class='chjm_gbds_it1'></div>
          <div class="xqjz3">
            <h3>广播电视节目制作经营许可证办理流程</h3>
            <ul class="af">
              <li class='dlys_li1 gbds_li1'><i></i>
                <p style="font-size:0.2rem;padding:0 0.2rem">与用户沟通所需 材料</p>
              </li>
              <li class='dlys_li2 gbds_li1'><i></i>
                <p style="font-size:0.2rem;padding:0 0.2rem">整理材料准备 提交</p>
              </li>
              <li class='dlys_li3 gbds_li1'><i></i>
                <p style="font-size:0.2rem;padding:0 0.2rem">提交至主管部门 审核</p>
              </li>
              <li class='dlys_li4 gbds_li1'><i></i>
                <p style="font-size:0.2rem;padding:0 0.2rem">审核通过取得 许可证书</p>
              </li>

            </ul>
            <p class="chjm_gbds_text">根据规定,申办《广播电视节目制作经营许可证》需要不少于三名拥有广播电视 及相关专业简历、业绩或曾参加相关专业培训证明等材率 的主管人员,具体 可以同您选择的办理人进行沟通。</p>
          </div>
          <div class='chjm_gbds_it2'></div>
        `);
// 广播电视经营许可证


// 环保审批
        $('.m_m_main .hjyxdjl').append(`
          <div class='chjm_gbsp_it1'></div>
          <div class="xqjz3">
            <h3>环境影响登记批复申请流程</h3>
            <ul class="af">
              <li class='dlys_li1 gbds_li1'><i></i>
                <p style="font-size:0.2rem;">前提装修提供咨询 及装修意见</p>
              </li>
              <li class='dlys_li2 gbds_li1'><i></i>
                <p style="font-size:0.2rem;padding:0 0.2rem">提交资料到环保 部门</p>
              </li>
              <li class='dlys_li3 gbds_li1'><i></i>
                <p style="font-size:0.2rem;padding:0 0.2rem">监管人员现场 核查及公示</p>
              </li>
              <li class='dlys_li4 gbds_li1'><i></i>
                <p style="font-size:0.2rem;padding:0 0.2rem">监管人员现场 核查及公示</p>
              </li>

            </ul>
         </div>
          <div class='chjm_gbsp_it2'></div>
        `);

// 环保审批

// 工作居住证
        $('.m_m_main .gzjzzkh').append(`
        <div class="chjm_gzjzz_banner2"></div>
        <div class="xqjz3 chjm_gzjzzyc1">
           <h3>北京市《工作居住证》的用处</h3>
           <ul class="af">
             <li class='dlys_li1 gzjzzyc_li1'><i></i>
               <p style="font-size:0.24rem;">房屋购买</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">可在北京市行政区域内 购买商品房、批准上市 的已购公房和存量房； 按有关规定购买经济适用房</p>
             </li>
             <li class='dlys_li2 gzjzzyc_li2'><i></i>
               <p style="font-size:0.24rem;">汽车摇号</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">可申请办理驾驶证或临时 驾驶证以及机动车注册 登记手续</p>
             </li>
             <li class='dlys_li3 gzjzzyc_li3'><i></i>
               <p style="font-size:0.24rem;">子女上学</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">某子女在京入托、入 中小学就读，免收解读 管理费</p>
             </li>
             <li class='dlys_li4 gzjzzyc_li4'><i></i>
               <p style="font-size:0.24rem;">护照办理</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.1rem">按照公安部的有关规定，对符合条件的，可在北京市办理因私出国商务手续</p>
             </li>
             <li class='dlys_li5 gzjzzyc_li5'><i></i>
               <p style="font-size:0.24rem;">资格认定</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.1rem">可参加北京市专业技术职务的任职资格评定( 考试 )、执业( 职业 )考试资格、执业(职业)资格注册登记</p>
             </li>
           </ul>
        </div>


          <div class='chjm_gzjzzkh_it1'></div>
          <div class="xqjz3 gzjzzkh_li">
            <h3>服务流程</h3>
            <ul class="af">
              <li class='dlys_li1 gzjzzkh_li1'><i></i>
                <p style="font-size:0.24rem;">单位开户</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">为首次申办《工作居住证》的单位申请开户</p>
              </li>
              <li class='dlys_li2 gzjzzkh_li2'><i></i>
                <p style="font-size:0.24rem;">人员申报</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">在网上完成《工作居住证》申报信息的录入，并前往人社局提交资料</p>
              </li>
              <li class='dlys_li3 gzjzzkh_li3'><i></i>
                <p style="font-size:0.24rem;">证件发放</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">在线现场审核通过后，市人社局通常会在30个工作日内完后审批及制证流程</p>
              </li>
              <li class='dlys_li4 gzjzzkh_li4'><i></i>
                <p style="font-size:0.24rem;">管理维护</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.1rem">取得证件后还需要续签、年检、转入转出、家人随住、延期注销、信息变更等管理维护的操作</p>
              </li>

            </ul>
         </div>
          <div class='chjm_gzjzzkh_it2'></div>
        `);


// 工作居住证

// 工作居住证申办
        $('.m_m_main .gzjzzsb').append(`
        <div class="chjm_gzjzz_banner2"></div>
        <div class="xqjz3 chjm_gzjzzyc1">
           <h3>北京市《工作居住证》的用处</h3>
           <ul class="af">
             <li class='dlys_li1 gzjzzyc_li1'><i></i>
               <p style="font-size:0.24rem;">房屋购买</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">可在北京市行政区域内 购买商品房、批准上市 的已购公房和存量房； 按有关规定购买经济适用房</p>
             </li>
             <li class='dlys_li2 gzjzzyc_li2'><i></i>
               <p style="font-size:0.24rem;">汽车摇号</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">可申请办理驾驶证或临时 驾驶证以及机动车注册 登记手续</p>
             </li>
             <li class='dlys_li3 gzjzzyc_li3'><i></i>
               <p style="font-size:0.24rem;">子女上学</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">某子女在京入托、入 中小学就读，免收解读 管理费</p>
             </li>
             <li class='dlys_li4 gzjzzyc_li4'><i></i>
               <p style="font-size:0.24rem;">护照办理</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.1rem">按照公安部的有关规定，对符合条件的，可在北京市办理因私出国商务手续</p>
             </li>
             <li class='dlys_li5 gzjzzyc_li5'><i></i>
               <p style="font-size:0.24rem;">资格认定</p>
               <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.1rem">可参加北京市专业技术职务的任职资格评定( 考试 )、执业( 职业 )考试资格、执业(职业)资格注册登记</p>
             </li>
           </ul>
        </div>


          <div class='chjm_gzjzzkh_it1'></div>
          <div class="xqjz3 gzjzzkh_li">
            <h3>服务流程</h3>
            <ul class="af">
              <li class='dlys_li1 gzjzzkh_li1'><i></i>
                <p style="font-size:0.24rem;">单位开户</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">为首次申办《工作居住证》的单位申请开户</p>
              </li>
              <li class='dlys_li2 gzjzzkh_li2'><i></i>
                <p style="font-size:0.24rem;">人员申报</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">在网上完成《工作居住证》申报信息的录入，并前往人社局提交资料</p>
              </li>
              <li class='dlys_li3 gzjzzkh_li3'><i></i>
                <p style="font-size:0.24rem;">证件发放</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.2rem">在线现场审核通过后，市人社局通常会在30个工作日内完后审批及制证流程</p>
              </li>
              <li class='dlys_li4 gzjzzkh_li4'><i></i>
                <p style="font-size:0.24rem;">管理维护</p>
                <p style="font-size:0.2rem;color: #ADADAE;padding:0 0.1rem">取得证件后还需要续签、年检、转入转出、家人随住、延期注销、信息变更等管理维护的操作</p>
              </li>

            </ul>
         </div>
          <div class='chjm_gzjzzkh_it2'></div>
        `);


// 工作居住证申办

// 企业社保-周边服务
         $('.m_m_main .qysbzb').append(`
         <div class="grsby">

         </div>
         `);

// 企业社保-周边服务

// 企业社保代缴
         $('.m_m_main .qysbdj').append(`
         <div class="grsby">

         </div>
         `);

// 企业社保代缴

//


//


// 个人社保
         $('.m_m_main .cwsj1 .grsby').append(`
         <div class='chjm_grsby_it2'></div>
            <div class="xqjz3">
              <h3>服务流程</h3>
              <ul class="af">
                <li><img src="https://www.qiyebang.net.cn/img/xqjz31.png" width="60" height="60">
                  <p style="font-size:0.2rem;padding:0 0.2rem">在线咨询</p>
                </li>
                <li><img src="https://www.qiyebang.net.cn/img/xqjz32.png" width="60" height="60">
                  <p style="font-size:0.2rem;padding:0 0.2rem">签订合同</p>
                </li>
                <li><img src="https://www.qiyebang.net.cn/img/xqjz33.png" width="60" height="60">
                  <p style="font-size:0.2rem;padding:0 0.2rem">提供材料</p>
                </li>
                <li><img src="https://www.qiyebang.net.cn/img/xqjz34.png" width="60" height="60">
                  <p style="font-size:0.2rem;padding:0 0.2rem">提交申报</p>
                </li>
              </ul>
            </div>
         <div class='chjm_grsby_it3'></div>
         `);

// 个人社保

        $('.m_m_main .xqzx .xqdb1 .fw a.li1').addClass('select');
        $('.xqdb1 .xqct1 .left .dq div .xz1:before').click(function(){
          if(this.kzdq==0){
            this.kzdq1='select';
            this.kzdq=1;
            this.kzwy = 1;
            event.stopPropagation();
          }else if(this.kzdq==1){
            this.kzdq1='';
            this.kzdq = 0;
            event.stopPropagation();
          }
          event.stopPropagation();
        });
        $('.m_m_main .xqzx .ct').eq(0).addClass('select');
        $('.xqdb1 a.li1').hover(function(){
          $('.xqdb1 a.li1').addClass('select');
          $('.xqdb1 a.li2').removeClass('select');
          $('.xqdb1 .sk1.sk.sk11').addClass('select');
          $('.xqdb1 .sk1.sk.sk12').removeClass('select');
        });
// 个人社保

// 企业社保banner
        if(_this.$route.params.id == 122){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
        }
        if(_this.$route.params.id == 321){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
        }
// 企业社保banner
        if(_this.$route.params.id == 124){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
        }
        if(_this.$route.params.id == 125){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
        }
        if(_this.$route.params.id == 126){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
          $('.m_m_main .sbdysn').append(`
            <div class='grsby'>
              <div class='chjm_grsby_it2'></div>
                 <div class="xqjz3">
                   <h3>服务流程</h3>
                   <ul class="af">
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz31.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">在线咨询<br>在线咨询您要办理 的业务</p>
                     </li>
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz32.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">签订合同<br>签订合同</p>
                     </li>
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz33.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">提供材料<br>提供所需材料认 使用</p>
                     </li>
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz34.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">提交申报<br>社保代理人提交 申报反馈凭证</p>
                     </li>
                   </ul>
                 </div>
              <div class='chjm_grsby_it3'></div>
            </div>
          `)
        }
        if(_this.$route.params.id == 127){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
        }
        if(_this.$route.params.id == 128){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
          $('.m_m_main .grsbzb').append(`
            <div class='grsby'>
              <div class='chjm_grsby_it2'></div>
                 <div class="xqjz3">
                   <h3>服务流程</h3>
                   <ul class="af">
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz31.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">在线咨询<br>在线咨询您要办理 的业务</p>
                     </li>
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz32.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">签订合同<br>签订合同</p>
                     </li>
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz33.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">提供材料<br>提供所需材料认 使用</p>
                     </li>
                     <li><img src="https://www.qiyebang.net.cn/img/xqjz34.png" width="60" height="60">
                       <p style="font-size:0.2rem;padding:0 0.2rem">提交申报<br>社保代理人提交 申报反馈凭证</p>
                     </li>
                   </ul>
                 </div>
              <div class='chjm_grsby_it3'></div>
            </div>
          `)
        }
        if(_this.$route.params.id == 132){
          $('.mobile .sy8').after("<div class='chjm_grsbbanner'></div>");
        }
// 个人社保
        if(_this.$route.params.id == 331){
          $('.mobile .m_m_main .xqzx').hide()
        }
        if(_this.$route.params.id == 332){
         $('.mobile .m_m_main .xqzx').hide()
        }
        if(_this.$route.params.id == 42){
         $('.mobile .m_m_main .nbgs').hide()
        }

        if(_this.$route.params.id == 75){
         $('.mobile .m_m_main .xxbgy').hide()
        }

        if(_this.$route.params.id == 65){
          $('.cwsj1').addClass('select');
          $('#fw8').html('<div class="swjsy"></div>');
        }
        if(_this.$route.params.id == 94){
          $('#fw8').html('<div class="rjzzq"></div>');
        }

        if(_this.$route.params.id == 50){
          $('.mobile .m_m_main .cwsj1').hide()

        }
        if(_this.$route.params.id == 49){
          $('.mobile .m_m_main .cwsj1').hide()
        }
        if(_this.$route.params.id == 51){
          $('.mobile .m_m_main .cwsj1').hide()
        }
        if(_this.$route.params.id == 53){
          $('.mobile .m_m_main .cwsj1').hide()
        }
        if(_this.$route.params.id == 54){
          $('.mobile .m_m_main .cwsj1').hide()
        }
        if(_this.$route.params.id == 55){
          $('.mobile .m_m_main .cwsj1').hide()
        }

 // 软件著作权
        if(_this.$route.params.id == 82){
          $('.m_m_main .m_topnav').hide()
        }
   // 软件著作权

// 医疗器械经营许可证
        if(_this.$route.params.id == 176){
          $('.m_m_main .m_topnav').hide()
        }
        if(_this.$route.params.id == 176){
          $('.m_m_main .m_topnav').hide()
        }

// 异地进京备案
       if(_this.$route.params.id == 336){
         $('.m_m_main .m_topnav').hide()
       }
 // 异地进京备案

 // 建筑公司代理记账
        if(_this.$route.params.id == 337){
          $('.m_m_main .m_topnav').hide()
        }
  // 建筑公司代理记账


// 医疗器械经营许可证

        $('.xqdb1 a.li2').hover(function(){
          $('.xqdb1 a.li2').addClass('select');
          $('.xqdb1 a.li1').removeClass('select');
          $('.xqdb1 .sk1.sk.sk12').addClass('select');
          $('.xqdb1 .sk1.sk.sk11').removeClass('select');
        });
        $('.xqzjdl2 ul.nav li').hover(function(){
          $('.xqzjdl2 ul.nav li').removeClass('select');
          $(this).addClass('select');
        });
        $('.xqzjdl2 ul.nav .li1').hover(function(){
          $('.xqzjdl .nrr').removeClass('select');
          $('.xqzjdl .nrr1').addClass('select');
        });
        $('#fwjs1 .xqzc5 li:eq(1) p').html('完成公司注册，需先<br/>办理税务报道，成立<br/>后第一个月起，需要<br/>会计每月记账报税');
        $('.xqzjdl2 ul.nav .li2').hover(function(){
          $('.xqzjdl .nrr').removeClass('select');
          $('.xqzjdl .nrr2').addClass('select');
        });
        $('.xqzjdl2 ul.nav .li3').hover(function(){
          $('.xqzjdl .nrr').removeClass('select');
          $('.xqzjdl .nrr3').addClass('select');
        });

        $('.xqzx .fw a.li1').text('内资公司注销');
        $('.xqjz .xqjz4 .p1').text('注：服务内容因政策、地区不同有所区别，详情请咨询税务顾问');
        $('.xqdb .xqdb1 h4 span').text('新企业需完成税控办理及票种核定后，才能开具发票');
        $('.xqzx .sk11 h4').html('内资公司注销<span class="fksp">公司结束运营后必须注销，若不管不顾导致吊销，会被罚款或上政府黑名单，影响个人信用。以上费用不包含政府罚款及其 他官方费用。</span>');
        $('.cwsj1 .xqdb1 h4 span').text('税审报告必须由专业会计师事务所出具，企业邦选择有经验的会计师事务所，为您提供专业服务。');


        $('.txdljz2 ul.nav li').hover(function(){
          $('.txdljz2 ul.nav li').removeClass('select');
          $(this).addClass('select');
        });
        $('.txdljz2 ul.nav .li1').hover(function(){
          $('.txdljz2 .pp').removeClass('select');
          $('.txdljz2 .pp1').addClass('select');
        });
        $('.txdljz2 ul.nav .li2').hover(function(){
          $('.txdljz2 .pp').removeClass('select');
          $('.txdljz2 .pp2').addClass('select');
        });
        $('.txdljz2 ul.nav .li3').hover(function(){
          $('.txdljz2 .pp').removeClass('select');
          $('.txdljz2 .pp3').addClass('select');
        });
        $('.txdljz2 ul.nav .li4').hover(function(){
          $('.txdljz2 .pp').removeClass('select');
          $('.txdljz2 .pp4').addClass('select');
        });
        $('.txdljz2 ul.nav .li5').hover(function(){
          $('.txdljz2 .pp').removeClass('select');
          $('.txdljz2 .pp5').addClass('select');
        });
        $('.txdljz2 ul.nav .li6').hover(function(){
          $('.txdljz2 .pp').removeClass('select');
          $('.txdljz2 .pp6').addClass('select');
        });

      });



    },

  computed: {
    loadList() {
      return (type) => {
        let newData = [];
        this.title.nav.threeServiceData.forEach(item => {
          if(item.pid == type) {
          newData.push(item);
        }
      });
        return newData;
      };
    }
  },

    methods: {

    chj_gj:function(e1,e2){
      let href = '/Mobile/visitingCard/'+e1.id
      location.href = href;
    },

     tctcff:function() {
       $('.sbtc').addClass('select');
     },

    tjbd2:function(e){
      if(this.username2 =='' || this.telphone2 == ''){
        alert('信息填写不完整');
        return false;
      }
      //
      var regex= /^1[3|4|5|6|7|8|9][0-9]{9}$/;
      if(!regex.exec(this.telphone2)){
        alert('手机号码格式错误');
        // $("#shouji2").focus();
        return false;
      }
      var _this = this;
      var sj;
      if(this.$route.query.name){
        sj = 'username='+this.username2+'&telphone='+this.telphone2+'&content='+this.content2+'&serviceid='+this.$route.query.name
      }else{
        sj = 'username='+this.username2+'&telphone='+this.telphone2+'&content='+this.content2+'&serviceid='+'';
      }
      _this.$axios.post('/api'+'/PInterface/Form/formSubmitInterface',sj)
        .then(function(response){
          if(response.data == 'execute_success'){
            _this.username2 = '';
            _this.telphone2 = '';
            _this.content2 = '';
            $('.sbtc').removeClass('select');
            window.open('/Success','_self')

          } else if(response.data == 'telphone_is_null'){
            alert('电话是空值');
          }else if(response.data == 'serviceid_error'){
            alert('业务id错误');
          }else if(response.data == 'telphone_type_error'){
            alert('电话类型错误');
          }else if(response.data == 'execute_error'){
            alert('执行错误');
          }
        });
    },


    tcclose:function(){
      $('.sbtc').removeClass('select');
    },

      kzdqfc2:function(e){
        if(this.kzwy == 1){
          this.kzdq1='';
          this.kzdq = 0;
          this.kzwy = 0;
        }
      },

    djcitys3:function(e,e2,e3){
      $('.xian').removeClass('select');
      $('.xian'+e2).addClass('select');
      let id = this.ywid;
      var  _this = this;
      for(let i = 0; i<this.xianqu.length;i++){
        if(this.xianqu[i].city == e){
          _this.price = this.xianqu[i].price;
          this.xianid = i;
          this.shiname = this.xianqu[i].cityname;
          this.seleshiname = this.xianqu[i].cityname;

        }
      }
      this.shiname = e3;
      _this.$axios.post('api/PInterface/Service/getAreaData','serviceid='+id+'&city='+e
      )
        .then(function(response){

        });
    },
      unescape: function(html) {
        return html
          .replace(html ? /&(?!#?\w+;)/g : /&/g, '&amp;')
          .replace(/&lt;/g, "<")
          .replace(/&gt;/g, ">")
          .replace(/lt;/g, "<")
          .replace(/gt;/g, ">")
          .replace(/quot;/g, "'")
          .replace(/nbsp;/g, "")
          .replace(/&amp;/g, "")
          .replace(/&'/g, "'")
          .replace(/~\/assets\//g, "https://www.qiyebang.net.cn/")
          .replace(/&quot;/g, "\"")
          .replace(/&#39;/g, "\'")
          .replace(/\/UEditOR/g, 'https://exam.zhonghaiqihang.com/UEditOR')

      },

      ret: function() {
        this.xl1 = 0
      },
      next: function() {
        this.xl1 = 0
        var _this = this

      },
      ret2() {
        this.xl2 = 0
      },
      next2() {
        this.xl2 = 0
      },

      djlx: function(e, e2, e3) {
        var _this = this
        _this.mproduct = e3.servicename
        let href = '/Mobile/ServiceDetails/' + e + '?name=' + e3.pid;
         location.href = href;
        // console.log($('.fmc .ct li.select').text())

      },
      xqymtz:function(e1,e2){
         var _this = this
        let href = '/Mobile/ServiceDetails/'+e1+'?name='+e2;
         location.href = href;
      },

      tjbd: function() {
        if (this.username == '' || this.telphone == '') {
          alert('信息填写不完整');
          return false;
        }
        //
        var regex = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
        if (!regex.exec(this.telphone)) {
          alert('手机号码格式错误');
          return false;
        }
        var _this = this;
        var sj;
        if (this.$route.query.name) {
          sj = 'username=' + this.username + '&telphone=' + this.telphone + '&content=' + this.xiangqingms +
            '&serviceid=' + this.$route.query.name
        } else {
          sj = 'username=' + this.username + '&telphone=' + this.telphone + '&content=' + this.xiangqingms +
            '&serviceid=' + '';
        }
        _this.$axios.post('/api' + '/PInterface/Form/formSubmitInterface', sj)
          .then(function(response) {

            if (response.data == 'execute_success') {
              _this.tcmsg = '提交成功,稍后会有人员与你联系';
              $('.bdtjtc2').addClass('select');
              $('.bdtjtc2').fadeIn(0);
              $('.bdtjtc2').fadeOut(2500);
              _this.username = '';
              _this.telphone = '';
              _this.xiangqingms = '';
            } else if (response.data == 'telphone_is_null') {
              _this.tcmsg = '电话是空值';
              $('.bdtjtc2').addClass('select');
              $('.bdtjtc2').fadeIn(0);
              $('.bdtjtc2').fadeOut(2500);
            } else if (response.data == 'serviceid_error') {
              _this.tcmsg = '业务id错误';
              $('.bdtjtc2').addClass('select');
              $('.bdtjtc2').fadeIn(0);
              $('.bdtjtc2').fadeOut(2500);
            } else if (response.data == 'telphone_type_error') {
              _this.tcmsg = '电话类型错误';
              $('.bdtjtc2').addClass('select');
              $('.bdtjtc2').fadeIn(0);
              $('.bdtjtc2').fadeOut(2500);
            } else if (response.data == 'execute_error') {
              _this.tcmsg = '执行错误';
              $('.bdtjtc2').addClass('select');
              $('.bdtjtc2').fadeIn(0);
              $('.bdtjtc2').fadeOut(2500);
            }
          });
      },
    },



    watch: {

      '$route'(to, from) {

        this.$router.go(0);

      }
    },

  }
</script>

<style>
.ServiceDetails{
  background-color: #F3F3F5;
}
.mobile .cnone{
  position: relative;
  width: 100%;
  height: 0.6rem;
  display: block;
}
.mobile .cnone::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F3F3F5;
}
.mobile .m_m_main .wzhy{
  display: none;
}
  .m_alzs {}

  .m_alzs .title {
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #252525;
    padding-left: 0.24rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
  }

  .m_alzs ul {
    padding-left: 0.24rem;
    padding-right: 0.16rem;
    padding-bottom: 0.4rem;
  }

  .m_alzs ul li {
    width: 1.29rem;
    height: 1.92rem;
    float: left;
    margin-right: 0.16rem;
  }

  .m_alzs ul li img {
    width: 100%;
    height: 100%;
  }

  .m_alzs ul li:last-child {
    margin-right: 0rem;
  }
  .m_rmfw .m_item3{
    margin-top: 0rem;
  }

  .m_alzs {
    background: white;
  }

  .m_alzs .title {
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #252525;
    padding-left: 0.24rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
  }

  .m_alzs ul {
    padding-left: 0.24rem;
    padding-right: 0.16rem;
    padding-bottom: 0.4rem;
  }

  .m_alzs ul li {
    width: 1.29rem;
    height: 1.92rem;
    float: left;
    margin-right: 0.16rem;
  }

  .m_alzs ul li img {
    width: 100%;
    height: 100%;
  }

  .m_alzs ul li:last-child {
    margin-right: 0rem;
  }
  .m_m_main .xqjz3 ul .jjba_li{
    height: 2.24rem
  }


</style>
